<template>
  <div class="home fixt">
    <div class="navheaders">
      <van-nav-bar @click-right="secedelogin">

        <template #title>
          <span>
            <img src="../../assets/img/logo.png" />
          </span>
        </template>
        <template #right>
          <a class="headerright" href="javascript:;">退出</a>
        </template>
      </van-nav-bar>
    </div>
    <div class="delivery">
      <van-tabs v-model="active" :ellipsis="false" @click="onClicktab">
        <van-tab title="失业人员登记" :name="1">
          <unemployed></unemployed>
        </van-tab>
        <van-tab title="就业人员统计" :name="2">
          <employment-Registration-List></employment-Registration-List>
        </van-tab>
      </van-tabs>
    </div>
  </div>
</template>
<script>
import { _debounce } from '@/assets/js/public'
import unemployed from '@/views/unemploy/unemployed'
import employmentRegistrationList from '@/views/unemploy/employmentRegistrationList'
export default {
  components: {
    unemployed,
    employmentRegistrationList
  },
  data () {
    return {

      active: 1,




    }
  },
  computed: {},
  methods: {

    // tab切换
    onClicktab (name) {


      if (name === 1) {
        this.tabname = ''
      } else {
        this.tabname = name
      }


    },
    secedelogin () {
      console.log(window.location.host, 'window.location.host')
      localStorage.clear();
      // window.location.href = window.location.host + '/zzrc'
      window.location.href = 'http://zs.zkqidi.com/zzrc'
      // window.location.href = 'http://zs.zkqidi.com/zzrc'
    },
  },
  created () {
    if (this.$route.query.num) {
      this.active = Number(this.$route.query.num)
    }
  }
}
</script>
<style scoped>
.delivery /deep/ .van-tabs--line .van-tabs__wrap {
  margin: 0 0 40px 0;
}
</style>
